<template>
  <article class="page">
    <headerbar>总结上报提交</headerbar>
    <cube-scroll-nav-bar :current="current" :labels="labels" @change="changeHandler"/>

    <section class="frame-content bg-light-gray">


      <!--培训方案-->
      <section class="block pdv-3 pdh-3">
        <div class="mgt-5 color-tip mgb-1"><i class="required color-red">严禁上传或录入涉密内容</i></div>
        <div class="title">培训方案：</div>
        <div>
          <cube-upload ref="upload"
                       action=""
                       accept="*/*"
                       :simultaneous-uploads="1"
                       @files-added="uploadFile"
          />
        </div>
      </section>

      <!--教学计划-->
      <section class="block pdv-3 pdh-3">
        <ul class="top-menu">
          <li @click="go('')" :class="{'active':routeName == ''}"><span>星期一</span></li>
          <li @click="go('')" :class="{'active':routeName == ''}"><span>星期一</span></li>
          <li @click="go('')" :class="{'active':routeName == ''}"><span>星期一</span></li>
          <li @click="go('')" :class="{'active':routeName == ''}"><span>星期一</span></li>
          <li @click="go('')" :class="{'active':routeName == ''}"><span>星期一</span></li>
        </ul>
        <div class="pdv-3">
          <div class="input-column-wrap">
            <div class="name text-left">1：</div>
          </div>
          <div class="input-row-wrap">
            <textarea placeholder="请填写学习内容" name="" cols="30" rows="2"></textarea>
          </div>
          <div class="input-column-wrap">
            <div class="name text-left">1：</div>
          </div>
          <div class="input-row-wrap">
            <textarea placeholder="请填写学习内容" name="" cols="30" rows="2"></textarea>
          </div>
          <div class="input-column-wrap">
            <div class="name text-left">1：</div>
          </div>
          <div class="input-row-wrap">
            <textarea placeholder="请填写学习内容" name="" cols="30" rows="2"></textarea>
          </div>
        </div>
      </section>

      <!--出勤情况-->
      <section class=" pdv-3 ">
        <section class="people-list ">

          <div class="people-item bg-white block" v-for="item in 5">
            <section class="people-info">
              <div class="avatar-img">
                <img src="../../../../static/images/default.jpg" alt="">
              </div>
              <span class="name">经开区</span>
            </section>
            <span class="">
              <span class="tip pdh-2">缺席：3天</span>
              <span class="tip pdh-2">出席：<span class="color-red">3天</span></span>
            </span>
          </div>
        </section>
      </section>

      <!--学习心得-->
      <section class="block pdv-3 pdh-3">
        <div class="title">学习心得：</div>
        <div class="big-textarea">
          <textarea  cols="30" rows="10"></textarea>
        </div>
      </section>

      <!--培训评分-->
      <section class="block pdv-3 pdh-3">
        <div class="title"><span>打分：</span> <div class="input"><input type="text"></div> <span>分</span></div>
        <div class="title pdt-3"><span>评价：</span> </div>
        <div class="big-textarea">
          <textarea  cols="30" rows="10"></textarea>
        </div>
      </section>


      <div class="pdv-5"></div>

      <div class="default-block-btn">提交</div>

    </section>
  </article>
</template>


<script>
  export default {
    name: 'special',
    data () {
      return {
        current: '培训方案',
        labels: [
          '培训方案',
          '教学计划',
          '学员名单',
          '出勤情况',
          '学习心得',
          '培训评分'
        ]
      }
    },
    created () {
      this.$router.replace({name: 'trainingplanClassList'})
    },
    methods: {
      changeHandler (cur) {
        this.current = cur
      },
      uploadFile (file) {
      }
    }
  }
</script>

<style scoped>

</style>
